<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Developer Day 2007</title>
<style>
body,td,div,.p,a,font,span {font-family: arial,sans-serif; color: #333333;}
.indent {margin-left: 3ex;}
body,td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.header1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight: bold;}
.header2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #30970A; font-weight: bold;}
.header3 {	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
.putinfolinks {line-height:120%; color:#666666}
#navigation ul {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; margin: 0px; padding: 0px 23px 0px 0px; list-style-type:none;}
#navigation ul li {padding-bottom:10px; text-align:right;}
#navigation ul li.selected {font-weight:normal; color:#333333;	text-decoration:none;}
a:link {text-decoration: underline;	color: #0000CC;}
a:visited {text-decoration: underline;color: #0000CC;}
a:hover {text-decoration: underline; color: #0000CC;}
a:active {text-decoration: underline; color: #0000CC;}
.footer {text-align: center; font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #333333;}
#gssBox {
     z-index: 110;
     float: left;
     opacity: 1.0;
     width: 300px;
    }
    .gss a img {
      border : none;
      opacity: 1.0;
     }
    .gss {
      width: 288px; 
      height: 216px;
      color: #dddddd;
      background-color: #000000;
    }
    #infoLightBox {
      visibility: hidden;
      position: absolute;
      width:  545px;
      top: 35%;
      left: 35%;
      text-align: center;
      padding: 0;
      border: none;
      background-color: #000000;
      z-index: 100;
      opacity: .85;
      filter: alpha(opacity=85);
    }
    #infoLightBoxFooter {
      text-align: center;
      clear: both;
      border: 1px solid white;
    }
    #slideshowFooter {
      padding: 5px;
      color: #dddddd;
      opacity: 1.0;
    }
    #sideInfoBox {
      padding-top: 8px;
      width: 200px;
      color: #dddddd;
      height: 250px;
      overflow-vertical: scroll;
      background-color: #000000;
      z-index: 111;
      opacity: 1.0;
      float: left;
      text-align: left;
    } 
    #sideInfoBoxFooter {
     text-align: center;
     padding: 5px;
     opacity: 1.0;
     color: #dddddd;
    }
    #sideInfoBoxMain a {
      text-decoration: none !important;
      border-bottom: 1px solid #333;
    }
    #sideInfoBoxMain {
     height: 216px;
     color: #ffffff;
    }
    #infoLightBox a {
     color: #ffffff;
     text-decoration: underline;
    }
   #nowShowingDiv {
    width: 530px;
    background-color: #FFF9DD;
    border: 1px solid #CCC;
    padding: 8px;
   }
</style>
<script 
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTZdFmpiU8vv3PBIA-hr88t-5BzzxRjYs3uMiidwWJwLwsUGgqW43vpAQ" type="text/javascript"></script>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTZdFmpiU8vv3PBIA-hr88t-5BzzxRjYs3uMiidwWJwLwsUGgqW43vpAQ"></script>
<script 
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTZdFmpiU8vv3PBIA-hr88t-5BzzxRjYs3uMiidwWJwLwsUGgqW43vpAQ" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/mapdata.js"></script>
<script type="text/javascript" src="scripts/mapfunctions.js"></script>
<script type="text/javascript" src="scripts/timesfunctions.js"></script>
</head>

<body topmargin="10" style="margin-left: 2ex; margin-right: 3ex; margin-top: 4ex;" bgcolor="#ffffff" onLoad="loadDevDayMap()"> 
  <table align="center"  cellpadding=0 cellspacing=0 border=0 width="765"> 
    <tbody>  
      <tr> 
        <td width="99%" valign="top">
          <div style="width:550px; font-family:Arial, sans-serif; font-size:11px; border: 0px solid black">
            <div style="margin: 0 0 20px 0;width:545px; height:400px;background-color: #CCC;z-index: 1;opacity: .90; filter: alpha(opacity=90);border: 1px solid #CCC;">
              <div id="cm_map" style="position: relative; margin: -5px 5px 5px -5px; z-index: 2; border: 1px solid black; background-color: #fff; width:545px; height:400px">
              </div>
            </div>

          </div>
          <div id='infoLightBox'>
            <div id='gssBox'>
              <div id='slideshow' class='gss'>Loading slideshow...</div>
              <div id='slideshowFooter'>View photos from the community via: <a href="http://picasaweb.google.com/lh/searchbrowse?q=gdd07 ">Picasa</a>, <a href="http://flickr.com/search/?q=gdd07">Flickr</a>, or <a href=" http://photobucket.com/images/gdd07/">Photobucket</a>.</div>

            </div>  
            <div id='sideInfoBox'>
              <div id='sideInfoBoxMain'></div>
              <div id='sideInfoBoxFooter'></div>
            </div>
          <div id='infoLightBoxFooter'><a href='javascript:closeInfoLightBox()'>Click to close</a></div>
         </div> 
   </td>
   <td width="200" valign="top">

     <span class="header2"><img src="images/logo-square.gif" width="200" height="148" style="margin-left:10px;"><br></span> 
     <div style="margin:20px;line-height:185%;">
							   <a href="mv-home.html">Mountain View, California</a><br>
                 <a href="br-home.html">São Paulo, Brasil</a><br>
                 <a href="uk-home.html">London, United Kingdom</a><br>
                 <a href="fr-home.html">Paris, France</a><br>
                 <a href="es-home.html">Madrid, España</a><br>
                 <a href="de-home.html">Hamburg, Deutschland</a><br>
                 <a href="ru-home.html">Москва, Россия</a><br>
                 <a href="jp-home.html">日本 - 東京</a><br>
                 <a href="au-home.html">Sydney, Australia</a> <br>
                 <a href="cn-home.html">北京,中国</a><br>
              </div></td>
              </tr>
              <tr>
              <td>
              <div id="nowShowingDiv"></div>
              </td>
              <td>
              </td>

              </tr>
              </tbody> 
              </table>
<br>
<div class="footer">©2007 Google&nbsp;&nbsp;-&nbsp;&nbsp;<a href="http://www.google.com/">Google Home</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="http://www.google.com/about.html">About Google</a></span></td> 

<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
  _uacct="UA-18071-1";
  urchinTracker();
</script>
</body></html>
